/**************************************
 *
 * VLOOK™ 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 *************************************/

@import "../font";
@import "../color";
@import "../common";

// 主题信息
@themeVer: "V28.1";
@themeName: "vlook-solaris";
@themeDesc: "Solaris";

// 指定字体主题
.applyFontStyle(book);
// .applyFontStyle(local);
// .applyFontStyle(serif);
// 指定主题配套的圆角
.applyThemeRadius(none);
// 生成指定的表格样式
.genTableStyle(report);

// 文档背景色
@thmBgLight: #FEFCF4;
@thmBgDark: #101520;//#202530;//#181C28;
.applyDocBgColor(@thmBgLight, @thmBgDark);
.applyDocTextColor(@thmBgDark, @thmBgLight);

// 面板颜色
// @thmPanelColorLight: #D0D4E4;
// @thmPanelColorDark: #383B4B;
// .applyPanelColor(@thmPanelColorLight, @thmPanelColorDark);
// // 表格
// .applyTableColor(@thmPanelColorLight, @thmPanelColorDark);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: url("");
}

// 主题主色
@theme1: #B24D7A;
@theme2: #6868B0;
@theme3: #B24D7A;
@theme4: @thmBgLight;
@theme1Dark: #B85B85;
@theme1Alt: #F3E3EA ;
@theme1AltDark: #401C2C;
@theme2Dark: #7272B5;
@theme2Alt: #E4E4F1;
@theme2AltDark: #27274A;
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), @accOpacity);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacity);
@theme2FadeDark: rgba(red(@theme2), green(@theme2), blue(@theme2), 75%);

@themeForeColor: @theme3;
@themeForeColorFade: fade(@themeForeColor, 50%);
@themeBgColor: @theme1;
@themeBgColorFade: fade(@themeBgColor, 50%);
@themeBgColorDark: darken(@themeBgColor, 20%);
@themeBgColorAlt: lighten(@themeBgColor, 40%);

// 标题色
@headerColor: @theme3;
@headerColorDark: @theme3;
// 渐变标题色 h1-h5
// @lgHeaderBg: none;
// @lgHeaderBgClip: inherit;
// @lgHeaderColor: @headerColor;
// 6 级标题前缀内容
//@h6BeforeContent: "◼︎ ";
// @tocHeaderNumColor: @docTextColorLightFade;
//@contentHeaderNumColor: @themeForeColorFade;
@headerPadding: 5px 0;
//@headerLetterSpacing: 0;//0.15em;
// 标题的上边框
@h1BorderTop: 9px solid var(--h-box-shadow);
@h2BorderTop: 7px solid var(--h-box-shadow);
@h3BorderTop: 5px solid var(--h-box-shadow);
@h4BorderTop: 3px solid var(--h-box-shadow);
@h5BorderTop: 1px solid var(--h-box-shadow);
@h6BorderTop: 0;
@h1Margin: 3em 0 0 0;
@h2Margin: 3em 0 0 0;
@h3Margin: 2em 0 0 0;
@h4Margin: 2em 0 0 0;
@h5Margin: 1.25em 0 0 0;
@h6Margin: 1em 0 0 0;

// 题注背景
@captionBackground: none;

//@quoteBorderLeft: 0;

// 按钮色
@buttonForeColor: #FFFFFF;
@buttonForeHoverColor: #FFFFFF;
@buttonBgColor: @themeBgColor;
// 文库按钮颜色
@docLibButtonForeColor: @buttonForeColor;
@docLibButtonForeHoverColor: @buttonForeHoverColor;
@docLibButtonBgColor: @buttonBgColor;
// 指定 kbd 按钮风格
.applyKbdRadius(none);

// 链接颜色
@aBorderWidth: 2px;
@aColor: @headerColor;
@aColorDark: @headerColorDark;
// @alinecolor: @theme2;
@aHoverColor: @theme2;
@aHoverColorDark: @theme2Dark;
@aActiveColor: #282B3B;

// // 表格边框
// @tblBdWidth: 3px;
// @tableBorderColor: var(--tbl-bd-c);
// @tableBorderWidth: @tblBdWidth;
// @tableBorderLeftWidth: 0px;
// @tableBorderRightWidth: 0px;
// @tableBorderTopWidth: @tblBdWidth;
// @tableBorderBottomWidth: @tblBdWidth;
// @tableThBorderRightWidth: 0px;
// @tableTdBorderRightWidth: 0px;
// // 表格圆角
// @tableBorderRadius: 0px;
// @tableBorderRadiusXC: 0px;
// // 表格背景
// @tableBackground: var(--d-bc);
// @tableThColor: inherit;
// @tableThBackground: none;
// @tableTdBackground: none;
// // 表格单元格阴影
// @tableFirstThBoxShadow: 0 1px 0 var(--tbl-h-bd);
// @tableThBoxShadow: @tableFirstThBoxShadow;
// @tableThRepeaterBoxShadow: 0 -@tblBdWidth 0 var(--tbl-h-bd), @tableThBoxShadow;
// @tableFirstTdBoxShadow: none;
// @tableTdBoxShadow: none;

@badgeBorderColorInCover: fade(@coverTextColor, 25%);;//var(--rb-code-shadow-dk);
@badgeBorderWidthInCover: 1px;

// 封面、封底文字位置及对齐方式
@coverTextAlign: left;
@coverTextPadding: 210px 60px 0;
@coverTextPaddingForMobile: 210px 20px 0;
@coverTextColor: @theme4;
@coverSubColor: @themeForeColor;
@coverUnderlineColor: @themeForeColor;
@coverAuthorColor: @theme2;
@coverOwnerColor: @theme2;

@backcoverTextAlign: left;
@backcoverTextPadding: 360px 60px 0;;
@backcoverTextPaddingForMobile: 360px 20px 0;
@backcoverTextColor: @coverTextColor;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorder: 0 0 0 0 transparent;
@contrastBorderForCover: 0 0 0 2px rgba(34, 36, 38, 0.2) inset;

// 封面背景设置
@coverBackgroundColor: #56569C;
@coverBackgroundImage: var(--thm-c-spliter), var(--thm-c-band), var(--thm-c-b-solaris), var(--thm-c-s-solaris);
@coverBgSize: auto, auto, auto, auto;
@coverBgSizeForMobile: calc(100% - 40px) 20px, auto, 328px 380px, 130px 120px;
@coverBackgroundSize: var(--thm-c-bg-size);
@coverBackgroundRepeat: no-repeat, repeat-x, no-repeat, no-repeat;
@coverBgPosition: bottom 130px right, bottom, top left, top right;
@coverBgPositionForMobile: @coverBgPosition;
@coverBackgroundPosition: var(--thm-c-bg-pos);
// 封底背景设置
@backcoverBackgroundColor: @coverBackgroundColor;
@backcoverBackgroundImage: var(--thm-c-b-solaris), var(--thm-c-s-solaris);
@backcoverBgSize: auto, auto;
@backcoverBgSizeForMobile: 328px 380px, 130px 120px;
@backcoverBackgroundSize: var(--thm-bc-bg-size);
@backcoverBackgroundRepeat: no-repeat, no-repeat;
@backcoverBgPosition: top left, top right;
@backcoverBgPositionForMobile: @backcoverBgPosition;
@backcoverBackgroundPosition: var(--thm-bc-bg-pos);

// 封面、封底素材资源
:root {
    --thm-c-s-solaris: url("");
    --thm-c-b-solaris: url("");
    --thm-c-band: url("");
    --thm-c-spliter: url("");
}

@import "../base";

// 生成指定风格的多级标签样式
.genBadgeStyle(std);
// .genBadgeStyle(cap);

// 生成 GSA 样式
.genGSA_flat();
